<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>PMCS PT Citra Waspphutowa</title>
<link rel="stylesheet" href="<?php echo base_url();?>assets/template/css/style.default.css" type="text/css" />
<link rel="stylesheet" href="<?php echo base_url();?>assets/template/prettify/prettify.css" type="text/css" />

        <!--[if IE 7]>
        <link rel="stylesheet" href="css/assets/plugins/font-awesome/css/font-awesome-ie7.min.css">
        <![endif]-->
        <!-- end: MAIN CSS -->
        
<script type="text/javascript" src="<?php echo base_url();?>assets/template/prettify/prettify.js"></script>
<script type="text/javascript" src="<?php echo base_url();?>assets/template/js/jquery-1.9.1.min.js"></script>
<script>
$(document).ready(function(){
    jQuery("#jumlah").change(function(){
        jQuery("#total").val((jQuery("#jumlah").val()*jQuery("#harga").val()));
    });
    jQuery("#harga").change(function(){
        jQuery("#total").val((jQuery("#jumlah").val()*jQuery("#harga").val()));
    });
});
</script>
<script type="text/javascript" src="<?php echo base_url();?>assets/template/js/jquery-migrate-1.1.1.min.js"></script>
<script type="text/javascript" src="<?php echo base_url();?>assets/template/js/jquery-ui-1.9.2.min.js"></script>
<script type="text/javascript" src="<?php echo base_url();?>assets/template/js/jquery.flot.min.js"></script>
<script type="text/javascript" src="<?php echo base_url();?>assets/template/js/jquery.flot.resize.min.js"></script>
<script type="text/javascript" src="<?php echo base_url();?>assets/template/js/bootstrap.min.js"></script>
<script type="text/javascript" src="<?php echo base_url();?>assets/template/js/modernizr.min.js"></script>
<script type="text/javascript" src="<?php echo base_url();?>assets/template/js/detectizr.min.js"></script>
<script type="text/javascript" src="<?php echo base_url();?>assets/template/js/custom.js"></script>
<script type="text/javascript" src="<?php echo base_url();?>assets/template/js/jquery.smartWizard.min.js"></script>
<script type="text/javascript" src="<?php echo base_url();?>assets/template/js/script.js"></script>
<script type="text/javascript" src="<?php echo base_url();?>assets/template/js/media.js"></script>
<script type="text/javascript" src="<?php echo base_url();?>assets/template/js/tinymce/jquery.tinymce.js"></script>
<script type="text/javascript" src="<?php echo base_url();?>assets/template/js/jquery.cookie.js"></script>
<script type="text/javascript" src="<?php echo base_url();?>assets/template/js/bootstrap-fileupload.min.js"></script>
<script type="text/javascript" src="<?php echo base_url();?>assets/template/js/bootstrap-timepicker.min.js"></script>
<script type="text/javascript" src="<?php echo base_url();?>assets/template/js/jquery.uniform.min.js"></script>
<script type="text/javascript" src="<?php echo base_url();?>assets/template/js/jquery.validate.min.js"></script>
<script type="text/javascript" src="<?php echo base_url();?>assets/template/js/jquery.tagsinput.min.js"></script>
<script type="text/javascript" src="<?php echo base_url();?>assets/template/js/jquery.autogrow-textarea.js"></script>
<script type="text/javascript" src="<?php echo base_url();?>assets/template/js/charCount.js"></script>
<script type="text/javascript" src="<?php echo base_url();?>assets/template/js/ui.spinner.min.js"></script>
<script type="text/javascript" src="<?php echo base_url();?>assets/template/js/chosen.jquery.min.js"></script>
<script type="text/javascript" src="<?php echo base_url();?>assets/template/js/jquery.dataTables.min.js"></script>

<!--[if lte IE 8]><script language="javascript" type="text/javascript" src="js/excanvas.min.js"></script><![endif]-->


</head>

<body>

<div class="mainwrapper">
	
    <!-- START OF LEFT PANEL -->
    <div class="leftpanel">
    	
        <div class="logopanel">
        	<h1><a href="dashboard.html">PMCS <span> PT. Citra Waspphutowa<a></span></a></h1>
        </div><!--logopanel-->
        <?php 
		$hari = date('D');
		$tgl = date('M d, Y h:i');
		$bulan = date('M');
		$tahun = date('Y');
		$jam = date('h:i');
		?>
        <div class="datewidget"><?php echo $hari;?>, <?php echo $tgl;?>pm</div>
        
        
        
        <div class="leftmenu">        
            <ul class="nav nav-tabs nav-stacked">
                <li class="active"><a href="dashboard.html"><span class="icon-align-justify"></span> Dashboard</a></li>
				<?php
				if($level == 1)
				{
				?>
				<li class="dropdown"><a href="#"><span class="icon-user"></span> Users</a>
                    <ul>
                        <li><a href="<?php echo base_url();?>index.php/user/usersList">Daftar Pengguna</a></li>
                    </ul>
                </li>
				<?php
				}
				?>
				<li class="dropdown"><a href="#"><span span class="icon-tasks"></span> Work Progress</a>
                    <ul>
						<li><a href="<?php echo base_url();?>index.php/project/projectsList">Daftar Shop Drawing</a></li>
                        <li><a href="#">Other Menu</a></li>
                        <li><a href="#">Other Menu</a></li>
                        <li><a href="#">Other Menu</a></li>
                        <li><a href="#">Other Menu</a></li>
                        
                    </ul>
                </li>
                <li class="dropdown"><a href="#"><span class="icon-list"></span>BOQ & CCO</a>
                    <ul>
                        <li><a href="<?php echo base_url();?>index.php/boq/boqsList">Daftar BOQ</a></li>                    
                        <li><a href="<?php echo base_url();?>index.php/cco/ccoList">Daftar CCO</a></li>      
                    </ul>
                </li>
                <li class="dropdown"><a href="#"><span class="icon-briefcase"></span>Laporan Harian</a>
                    <ul>
                        <li><a href="<?php echo base_url();?>index.php/laporan_harian/laporanHarianList">Daftar Laporan Harian</a></li>           
                    </ul>
                </li>
                <li class="dropdown"><a href="#"><span class="icon-calendar"></span>Rencana Pel. Pek.</a>
                    <ul>
                        <li><a href="<?php echo base_url();?>index.php/rencana/rencanasList">Rencana Pelaksaan Pekerjaan</a></li>            
                    </ul>
                </li> 
				<li class="dropdown"><a href="#"><span class="icon-list"></span>Progress Report</a>
                    <ul>
                        <li><a href="#">Daily Progress</a></li>            
                        <li><a href="#">Detail Progress</a></li>            
                        <li><a href="#">Monthly Progress</a></li>            
                        <li><a href="#">Elevated Structure</a></li>            
                        <li><a href="#">Type Of Structure</a></li>            
                        <li><a href="#">Rencana Vs Real</a></li>
                    </ul>
                </li> 
				<li class="dropdown"><a href="#"><span class="icon-tasks"></span>IS-ISA-WIS-MC</a>
                    <ul>
                        <li><a href="#">Inspection Sheet</a></li>            
                        <li><a href="#">ISA</a></li>            
                        <li><a href="#">Work Item Section</a></li>            
                        <li><a href="#">Monthly Certificate</a></li>
                    </ul>
                </li>
				<li class="dropdown"><a href="#"><span class="icon-briefcase"></span>Material On Site</a>
                    <ul>
                        <li><a href="#">Material On Site</a></li>
                    </ul>
                </li>
				<li class="dropdown"><a href="#"><span class="icon-briefcase"></span>Master Data</a>
                    <ul>
                        <li><a href="<?php echo base_url();?>index.php/jenisPekerjaan/jenisPekerjaanList">Jenis Pekerjaan </a></li>                 
                        <li><a href="<?php echo base_url();?>index.php/station/stationsList">Tabel Station</a></li>                 
                        <li><a href="<?php echo base_url();?>index.php/pejabat/pejabatsList">Tabel Pejabat</a></li>              
                        <li><a href="<?php echo base_url();?>index.php/bab/babsList">Tabel BAB BOQ</a></li>
                    </ul>
                </li>
				<li class="dropdown"><a href="#"><span class="icon-list"></span>Other Menu</a>
                    <ul>
                        <li><a href="#">Data Surat Lain </a></li>                 
                        <li><a href="#">Message</a></li>                 
                        <li><a href="#">Event</a></li>                            
                        <li><a href="#">Map Progress</a></li>                            
                    </ul>
                </li>
				<!--
				<li class="dropdown"><a href="#"><span class="icon-picture"></span> Planning</a>
                    <ul>
                        <li><a href="#">List BOQ By Contractor</a></li>
                        <li><a href="#">WBS Baseline</a></li>
                        <li><a href="#">Work Category</a></li>
                        <li><a href="#">Geographical Information System</a></li>
                        <li><a href="#">Risk Management Project</a></li>
                        <li><a href="#">Geographical Information System</a></li>
                        
                    </ul>
                </li>
                <li class="dropdown"><a href="#"><span class="icon-briefcase"></span> Resources</a>
                	<ul>
                    	<li><a href="#">Material</a></li>
                        <li><a href="#">Tools And Equipment</a></li>
                        <li><a href="#">Man Powers</a></li>
                    </ul>
                </li>
                <li class="dropdown"><a href="#"><span class="icon-th-list"></span> Work Progress</a>
                	<ul>
                    	<li><a href="#">Cost Progress</a></li>
                        <li><a href="#">Unit Progress</a></li>
                        <li><a href="#">Map And Visual Progress</a></li>
                        <li><a href="#">Weather Report</a></li>
                        <li><a href="#">Issues</a></li>
                    </ul>
                </li>
                <li class="dropdown"><a href="#"><span class="icon-pencil"></span> Documentation</a>
                	<ul>
                    	<li><a href="#">Minutes Of Meeting</a></li>
                        <li><a href="#">Progress Report</a></li>
                        <li><a href="#">Archive Reports</a></li>
                    </ul>
                </li>
                <li class="dropdown"><a href="#"><span class="icon-book"></span> Account</a>
                	<ul>
                    	<li><a href="#">Change Passwords</a></li>
                        <li><a href="<?php echo base_url();?>index.php/home/logout">Logout</a></li>
                    </ul>
                </li>
<br><br>

                <a href="invoice.html" class="btn btn-primary ">Contoh Invoice</a>
				-->
            </ul>
        </div><!--leftmenu-->
        
    </div><!--mainleft-->
    <!-- END OF LEFT PANEL -->
    
    <!-- START OF RIGHT PANEL -->
    <div class="rightpanel">
    	<div class="headerpanel">
        	<a href="#" class="showmenu"></a>
            
            <div class="headerright">
                
    			<div class="dropdown userinfo">
                    <a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="http://demo.themepixels.com/page.html">Hi, <?php echo $username;?>! <b class="caret"></b></a>
                    <ul class="dropdown-menu">
                        <li><a href="editprofile.html"><span class="icon-edit"></span> Edit Profile</a></li>
                        <li><a href="#"><span class="icon-wrench"></span> Account Settings</a></li>
                        <li><a href="#"><span class="icon-eye-open"></span> Privacy Settings</a></li>
                        <li class="divider"></li>
                        <li><a href="<?php echo base_url();?>index.php/home/logout"><span class="icon-off"></span> Sign Out</a></li>
                    </ul>
                </div><!--dropdown-->
    		
            </div><!--headerright-->
            
    	</div><!--headerpanel-->
        <div class="breadcrumbwidget">
        	<ul class="skins">
                <li>&nbsp;</li>
                <li class="fixed"><a href="#" class="skin-layout fixed"></a></li>
                <li class="wide"><a href="#" class="skin-layout wide"></a></li>
            </ul><!--skins-->
        </div><!--breadcrumbwidget-->
      <div class="pagetitle">
        	<h1>Welcome <?php echo $username;?></h1> <span>Project Management Controlling System Dashboard</span>
        </div><!--pagetitle-->

<script type="text/javascript">
jQuery(document).ready(function(){
								
		// basic chart
		var flash = [[0, 2], [1, 6], [2,3], [3, 8], [4, 5]];
		var html5 = [[0, 5], [1, 4], [2,4], [3, 1], [4, 9], [5, 10], [6, 13]];
        var html = [[0, 4], [1, 3], [2,3], [3, 0], [4, 8], [5, 9], [6, 12]];
			
		function showTooltip(x, y, contents) {
			jQuery('<div id="tooltip" class="tooltipflot">' + contents + '</div>').css( {
				position: 'absolute',
				display: 'none',
				top: y + 5,
				left: x + 5
			}).appendTo("body").fadeIn(200);
		}
	
			
		var plot = jQuery.plot(jQuery("#chartplace2"),
			   [ { data: flash, label: "Actual", color: "#fb6409"}, { data: html5, label: "Schedule", color: "#096afb"}, { data: html, label: "Revised", color: "#00FF00"} ], {
				   series: {
					   lines: { show: true, fill: true, fillColor: { colors: [ { opacity: 0.05 }, { opacity: 0.15 } ] } },
					   points: { show: true }
				   },
				   legend: { position: 'nw'},
				   grid: { hoverable: true, clickable: true, borderColor: '#ccc', borderWidth: 1, labelMargin: 10 },
				   yaxis: { min: 0, max: 15 }
				 });
		
		var previousPoint = null;
		jQuery("#chartplace2").bind("plothover", function (event, pos, item) {
			jQuery("#x").text(pos.x.toFixed(2));
			jQuery("#y").text(pos.y.toFixed(2));
			
			if(item) {
				if (previousPoint != item.dataIndex) {
					previousPoint = item.dataIndex;
						
					jQuery("#tooltip").remove();
					var x = item.datapoint[0].toFixed(2),
					y = item.datapoint[1].toFixed(2);
						
					showTooltip(item.pageX, item.pageY,
									item.series.label + " of " + x + " = " + y);
				}
			
			} else {
			   jQuery("#tooltip").remove();
			   previousPoint = null;            
			}
		
		});
		// calendar
		jQuery('#calendar').datepicker();


});
</script>
<script type="text/javascript">
    var map;
    jQuery(document).ready(function(){
      prettyPrint();
      map = new GMaps({
        div: '#map',
        lat: -12.043333,
        lng: -77.028333,
        click: function(e){
          console.log(e);
        }
      });

      path = [[-12.044012922866312, -77.02470665341184], [-12.05449279282314, -77.03024273281858], [-12.055122327623378, -77.03039293652341], [-12.075917129727586, -77.02764635449216], [-12.07635776902266, -77.02792530422971], [-12.076819390363665, -77.02893381481931], [-12.088527520066453, -77.0241058385925], [-12.090814532191756, -77.02271108990476]];

      map.drawPolyline({
        path: path,
        strokeColor: '#131540',
        strokeOpacity: 0.6,
        strokeWeight: 6
      });
    });
  </script>
  <script type="text/javascript">
    var map;
   jQuery(document).ready(function(){
      map = new GMaps({
        div: '#map2',
        lat: -12.043333,
        lng: -77.028333
      });

      var path = [[-12.040397656836609,-77.03373871559225],
                                    [-12.040248585302038,-77.03993927003302],
                                    [-12.050047116528843,-77.02448169303511],
                                    [-12.044804866577001,-77.02154422636042]];

      polygon = map.drawPolygon({
              paths: path,
              strokeColor: '#BBD8E9',
              strokeOpacity: 1,
              strokeWeight: 3,
              fillColor: '#BBD8E9',
              fillOpacity: 0.6
            });
    });
  </script>
